<template>
  <div class="workflow-designer-container">
    <workflowCanvas />
  </div>
</template>

<script setup lang="ts">
import workflowCanvas from "@/components/workflow/workflowCanvas.vue";
</script>

<style scoped>
.workflow-designer-container {
  width: 100vw;
  height: 100vh;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: var(--color-bg-1, #fff);
}

/* 确保Vue Flow容器内的绝对定位元素不被裁剪 */
.workflow-designer-container :deep(.vue-flow) {
  overflow: visible !important;
  position: relative !important;
}

.workflow-designer-container :deep(.vue-flow__viewport) {
  overflow: visible !important;
}

.workflow-designer-container :deep(.vue-flow__container) {
  overflow: visible !important;
}
</style>
